/**
 * 组件名称：LOGO组件
 * 使用场景：左上角logo
 * 功能介绍：点击跳转至首页，颜色随主题自动切换
 * 功能进度：100%
 * 待办事项：无
 */

import {Image} from "@mantine/core";

export const IpdLogo = () => {
  return (
    // 仔细阅读文档，明确指出了w="auto"和fit="contain"的写法，避免100%拉伸至父容器宽度的问题
    <a href="/">
      <Image alt="ipdesigner" src="/Logo/LogoLight.png" h={36} w="auto" fit="contain" darkHidden />
      <Image alt="ipdesigner" src="/Logo/LogoDark.png" h={36} w="auto" fit="contain" lightHidden />
    </a>
  );
};

export const IpdLogoIcon = () => {
  return (
    <a href="/">
      <Image alt="ipdesigner" src="/Logo/ipdv2.png" h={30} w="auto" fit="contain" />
    </a>
  );
};
